<template>
  <Layout></Layout>
</template>
<script setup>
import { onMounted } from "vue";
import { useCssVar } from "@vueuse/core";
import Layout from "@/layout/index.vue";
import { systemConfigApi } from "@/api";
onMounted(() => {
  systemConfigApi().then((res) => {
    useCssVar("--color").value = res.primary_color;
    useCssVar("--a-color").value = res.active_color;
  });
});
</script>
<style lang="scss">
:root {
  --color: #83614e;
  // --color: #e45103;
  // --a-color: #bc2601;
  --a-color: #179c17;
}
body {
  user-select: none;
  font-size: 14px;
}

input:focus {
  outline: none;
}

.boder_1 {
  width: 45px;
  height: 2px;
  background-color: #e48b33;
}

.hover_text1 {
  overflow: hidden; //超出文本隐藏
  text-overflow: ellipsis; ///超出部分省略号显示
  display: -webkit-box; //弹性盒模型
  -webkit-box-orient: vertical; //上下垂直
  -webkit-line-clamp: 1; //自定义行数
}

.hover_text2 {
  overflow: hidden; //超出文本隐藏
  text-overflow: ellipsis; ///超出部分省略号显示
  display: -webkit-box; //弹性盒模型
  -webkit-box-orient: vertical; //上下垂直
  -webkit-line-clamp: 2; //自定义行数
}

.hover_text3 {
  overflow: hidden; //超出文本隐藏
  text-overflow: ellipsis; ///超出部分省略号显示
  display: -webkit-box; //弹性盒模型
  -webkit-box-orient: vertical; //上下垂直
  -webkit-line-clamp: 3; //自定义行数
}

.imgsize {
  width: 100%;
  height: 100%;
}
</style>
